<template>
  <div class="userinfos">
    <div class="contents main clear_fix">
      <div class="userInfo clear_fix">
        <div class="userLeft">
          <ul>
            <li id="Info"><img src="../../../public/images/02.png" /></li>
            <router-link to="/userinfo/user">
              <li>基本信息</li>
            </router-link>
            <router-link to="/userinfo/update">
              <li>修改信息</li>
            </router-link>
            <router-link to="/user">
              <li>我的消息</li>
            </router-link>
            <router-link to="/user">
              <li>我的订单(已付款)</li>
            </router-link>
            <router-link to="/user">
              <li>我发布的领养</li>
            </router-link>
            <router-link to="/user">
              <li>我发布的帖子</li>
            </router-link>
            <router-link to="/user">
              <li>我发布的寻主启示</li>
            </router-link>
            <router-link to="/user">
              <li>我发布的寻宠启示</li>
            </router-link>
          </ul>
        </div>
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data: () => ({})
}
</script>
<style lang="scss">
.userinfos {
  .userLeft {
    ul {
      a {
        li {
          width: 100%;
          height: 50px !important;
          margin-top: 0 !important;
          line-height: 50px;
        }
      }
    }
  }
}
</style>